<!--
 * @Description:: 请补充填写
 * @Version: 请配置版本号
 * @Author: xiaobai
 * @Date: 2021-06-10 17:30:51
 * @LastEditors: smallWhite
 * @LastEditTime: 2024-05-29 16:47:22
 * @FilePath: /huizhou_website/src/components/footer.vue
-->
<template>
  <div class="footer_box"
    :class="isPhone=='true'?'phone':''">
    <div class="content_1200"
      :class="isPhone=='true'?'phone':''">
      <div
        class="footer_left">
        <h2
          style="color: #666666;">
          惠州市城市建设投资集团有限公司
        </h2>
        <p>
          地址：{{ contact.address }}
        </p>
        <p>
          电话：0752-7218399
        </p>
        <p>
          邮箱：{{ contact.email }}
        </p>
        <p>
          备案：粤ICP备18003786号-1
        </p>
      </div>
      <div
        class="footer_right"
        style="display: flex;">
        <div
          style="width:100px">
          友情链接：</div>
        <div>
          <div>
            <span
              style="display: inline-block;"
              v-for="(item,index) in list"
              :key="index">
              <a :href="item.url"
                target="_blank">{{ item.name }}</a>
            </span>
          </div>
          <div
            style="margin-top: 10px;">
            <span
              v-for="(item,index) in linkList"
              :key="index"
              style="display: inline-block;">
              <a :href="item.url"
                target="_blank">{{ item.name }}</a>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  data() {
    return {
      contact: {},
      isPhone: 'false',
      list: [
        {
          name: '中共惠州市委组织部',
          url: 'https://zzb.huizhou.gov.cn/'
        },
        {
          name: '市人民政府',
          url: 'https://www.huizhou.gov.cn/'
        },
        {
          name: '惠州市自然资源局',
          url: 'https://land.huizhou.gov.cn/'
        },
        {
          name: '惠州市住房和乡镇建设局',
          url: 'https://zjj.huizhou.gov.cn/'
        },
        {
          name: '惠州市发展和改革局',
          url: 'https://jhj.huizhou.gov.cn/'
        },
        {
          name: '惠州市审计局',
          url: 'https://sjj.huizhou.gov.cn/'
        }
      ],
      linkList: [
        {
          name: '惠州市建筑工程有限公司',
          url: 'http://www.hzsjz.cn/'
        },
        {
          name: '惠州市建设集团建筑工程有限公司',
          url: 'http://www.hzjsjtjz.com/'
        },
        {
          name: '惠州市市政工程有限公司',
          url: 'https://www.hzsz.cn/'
        },
        {
          name: '惠州市市政动迁建设有限公司',
          url: 'http://hzsszdq.com/'
        },
        {
          name: '惠州市城投城市运营服务有限公司',
          url: 'http://www.hzccios.com/'
        },
        {
          name: '惠州市储备军粮供应公司',
          url: 'http://www.hzcbjl.com/'
        }
      ]
    }
  },
  mounted() {
    this.getContact()
    this.isPhone = window.localStorage.getItem('isPhone')
  },
  methods: {
    getContact() {
      axios.post('/home/contact/us', {}).then(res => {
        this.contact = res.data.data.contactUs
      })
    },
    openPage() {
      window.open('https://beian.miit.gov.cn/')
    }
  }
}
</script>

<style>
.footer_box {
  background: #f0f0f0;
  padding: 40px;
}
.content_1200 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
}
.footer_left p {
  color: #999999;
  line-height: 30px;
  font-size: 16px;
}
.footer_right {
  font-size: 14px;
  font-weight: bold;
}
.footer_right span {
  border-right: 1px solid #999999;
  padding: 0 5px;
}
.footer_right span:last-child {
  border-right: none;
}
.content_1200.phone {
  display: block;
}
.footer_box.phone {
  padding: 20px;
}
.content_1200.phone .footer_right {
  margin-top: 10px;
}
</style>